<template>
  <div class="b-data-title d-aic">
    <div class="color-prefix"></div>
    <div class="title-content">{{ title }}</div>
  </div>
</template>

<script>

    export default {
        name: 'BDataTitle',
      props: {
        title: {
          type: String,
          default: ''
        }
      }
    }
</script>

<style scoped lang="less">
.b-data-title{
  height: 30px;
  .color-prefix{
    margin-right: 10px;
    width: 4px;
    height: 15px;
    background: #ff5f5f;
  }
  .title-content{
    font-size: 16px;
    font-weight: 600;
    color: #101010;
  }
}

</style>
